<!DOCTYPE html>
<html lang="en">

<head>
    <meta charset="UTF-8">
    <meta http-equiv="X-UA-Compatible" content="IE=edge">
    <meta name="viewport" content="width=x, initial-scale=1.0">
    <title>小米有品</title>
    <link rel="stylesheet" href="./sources/font/iconfont.css">
    <link rel="stylesheet" href="./css/reset.css">

    <link rel="stylesheet" href="./css/index.css">
    <link rel="stylesheet" href="./css/good.css">
    <link rel="stylesheet" href="./sources/layui-v2.6.8/layui/css/layui.css">
    <link rel="stylesheet" href="./css/common.css">

</head>

<body>
    <!-- 导航 -->
    <div class="top">
        <div class="top-container">
            <div class="xiahuadie">
                资质证照 / 协议规则<svg fill="#ccc" xmlns="http://www.w3.org/2000/svg"
                    style="width: 12px;height:7px;margin-left: 10px;" viewBox="0 0 40 22.5">
                    <path
                        d="M39.28.72h0a2.49,2.49,0,0,0-3.5,0L20,16.53,4.23.72A2.48,2.48,0,0,0,.72,4.23L18.24,21.78A2.48,2.48,0,0,0,20,22.5a2.52,2.52,0,0,0,1.77-.72L39.28,4.23A2.5,2.5,0,0,0,39.28.72Z">
                    </path>
                </svg><i class="fa fa-chevron-down" aria-hidden="true"></i>
                <div class="xiahua">
                    <div id="license">资质证照</div>
                    <div id="protocol">协议规则</div>
                </div>
            </div>
            <span>|</span>
            <div id="downAPP"><a href="http://127.0.0.1:5500/xiaomiyoupin/download.html" style="list-style: none;     color: #E7E7E7;
					line-height: 48px;
					padding: 0 5px;
					font-size: 14px; text-decoration: none;"><span class="iconfont icon-iconfonticon1"
                        style="font-size: 20px;"></span>下载APP</a></div>
            <span>|</span>
            <div>帮助中心</div>
            <span>|</span>
            <div class="mycontent" id="mycontent">
                <div type="button" style="color:#E7E7E7 ;" id="reg">登录&nbsp;注册</div>
            </div>
        </div>
    </div>

    <!-- 菜单 -->
    <div id="menu-container">
        <div class="logo">
            <img src="./images/logo-bottom-l.png" alt="">
        </div>
        <div class="nav-part"></div>
        <div class="nav">
            <ul>
                <li>
                    限时抢购
                </li>
                <li>
                    企业采购</li>
            </ul>
        </div>
        <div class="search">
            <span class="iconfont icon-sousuo" style="font-size: 20px;float: left; margin-top: 12px;"></span>
            <input type="text" placeholder="搜一搜" />
        </div>
        <span class="iconfont icon-gouwuche cart-icon" style="font-size: 40px;float: right;margin-top: 5px;"></span>
    </div>
    <div id="goods-con" goods-id=''>
        <div class="container1 clearfix" style="min-height: inherit;
      position: relative;">
            <div class="img">
                <img src=""
                    alt="">
                <div class="thumb-img" style="    width: 85px;
                    height: 100%;
                    position: relative;
                    overflow: hidden;float:left;margin-left: 5px;
                ">
                    <div class="thumb-pic img-chicked img-one" style="border-color: rgb(236, 236, 236);"><img
                            src="">
                    </div>
                    <div class="thumb-pic img-two" style="border-color: rgb(236, 236, 236);"><img
                            src="">
                    </div>
                    <div class="thumb-pic img-three" style="border-color: rgb(236, 236, 236);"><img
                            src="">
                    </div>
                    <div class="thumb-pic img-four" style="border-color: rgb(236, 236, 236);"><img
                            src="">
                    </div>
                </div>
            </div>
            <div class="su clearfix">
                <div class="top1 clearfix">泰视朗WIFI双镜头拍照录像内窥镜</div>
                <div style="margin-top: 25px;
                margin-bottom: 18px;height: 40px;">
                    <div class="promotion-wrap" style="display: flex;"><span class="pro-tit fl">更多:</span><span
                            class="pro-tit fl" style="margin-left: 8px; flex: 1 1 0%;"><span
                                class="staticWords">【国庆智能出游季】抢200元神券，五折限量秒，至高24期免息福利大放送！</span><span
                                class="staticWords hyperlinkWords">点击查看超值精选好物&gt;&gt;&gt;</span></span></div>
                </div>
                <div class="card1">
                    <div class="card-one">
                        <h5 class="h5">售价</h5>
                        <div class="price"><span class="money">￥</span class='value'><span
                                class="money-value">318</span></div>

                    </div>
                    <div class="card-two">
                        <h5 class="h5">服务</h5>
                        <div class="introduce-container">
                            <span class="span-icon">!</span>
                            <div class="span-icons">
                                <div class="content-main">
                                    <div class="text-item">
                                        <p class="text-title">满69包邮</p>
                                        <p class="text-content">本商品满69元可包邮，不足69元收取运费10元</p>
                                    </div>
                                    <div class="text-item">
                                        <p class="text-title">小米自营</p>
                                        <p class="text-content">本商品为小米/米家自营产品</p>
                                    </div>
                                    <div class="text-item">
                                        <p class="text-title">7天无理由</p>
                                        <p class="text-content">本商品支持7天无理由退货</p>
                                    </div>
                                    <div class="text-item">
                                        <p class="text-title">7天价保</p>
                                        <p class="text-content">此商品支持7天价保，订单支付成功 7天内有品的售卖价发生降价可以申请价格保护</p>
                                    </div>
                                    <div class="text-item">
                                        <p class="text-title">平台运费说明</p>
                                        <p class="text-content">由小米平台发货的小米自营商品，单笔满69元免运费，不满69元收取10元运费；</p>
                                        <p class="text-content">有品自营产品、有品平台三方产品，单笔订单满99元免运费，不满99元收取10元运费；</p>
                                        <p class="text-content">包邮订单申请退款，剩余订单不达包邮门槛，将补扣10元运费；</p>
                                        <p class="text-content">特殊商品需要单独收取运费，具体以实际结算金额为准；</p>
                                        <p class="text-content">优惠券不能抵扣运费。</p>
                                    </div>
                                    <div class="text-item">
                                        <p class="text-title">退换货运费声明</p>
                                        <p class="text-content">非质量问题退换货，运费不予返还；</p>
                                        <p class="text-content">因质量问题退换货，运费予以返还，多件产品只退部分产品时，运费按比例返还；</p>
                                        <p class="text-content">电视等大件商品，无质量问题退货产生的运费由购买者承担，从退款中直接扣除。</p>
                                    </div>
                                </div>
                            </div>
                        </div>
                        <div class="service">
                            <div class="service-item">
                                <img src="./images/对.png" alt="">
                                <span>满69包邮</span>
                            </div>
                            <div class="service-item">
                                <img src="./images/对.png" alt="">
                                <span>小米自营</span>
                            </div>
                            <div class="service-item">
                                <img src="./images/对.png" alt="">
                                <span>7天免修</span>
                            </div>
                            <div class="service-item">
                                <img src="./images/对.png" alt="">
                                <span>7天更换</span>
                            </div>
                            <div class="w2w" style="opacity: 0;"></div>
                        </div>
                    </div>

                </div>
                <div class="area">
                    <h5 class="h5">配送区域</h5>
                    <span style="font-size: 14px;
                    line-height: 32px;
                    font-weight: 400;">四川省 成都市 武侯区 肖家河大厦</span>
                </div>
                <div class="count">
                    <h5 class="h5">数量</h5>
                    <div style="display: flex;">
                        <div class="goods-div reduce" style="cursor: default;">-</div>
                        <input type="text" name="" id="goods-count" value=1>
                        <div class="goods-div add" style="cursor: default;">+</div>
                    </div>
                </div>
                <div class="btn-line" style="margin-bottom: 40px;">
                    <a class="btn-brank btn-mi btn-brank-one">加入购物车</a>
                    <a class="btn-brank btn-mi btn-brank-two">直接购买</a>
                    <div class="btn-box collect">
                        <span class="iconfont icon-shoucang"
                            style="font-size: 20px;position: absolute;top: 10px; left: 15px;"></span>
                        <p>收藏</p>
                    </div>
                    <div class="btn-box">
                        <span class="iconfont icon-lianxikefu"
                            style="font-size: 20px;position: absolute;top: 10px; left: 15px;"></span>
                        <p>客服</p>
                    </div>
                </div>
            </div>
        </div>
    </div>
    <!-- 底部 -->
    <div class="bottom ">
        <div class="bottom-container container1">
            <div class="lft"></div>
            <div class="ctr">
                <ul>
                    <li>
                        <img src="./images/record-icon..png" alt="">苏公网安备
                        32010502010244号&nbsp;&nbsp;©xiaomiyoupin.com&nbsp;&nbsp;苏B2-20180351&nbsp;苏ICP备18025642号-1
                    </li>
                    <li>企业名称：有品信息科技有限公司&nbsp;关于我们&nbsp;&nbsp;入驻有品&nbsp;&nbsp;知识产权侵权投诉</li>
                    <li>小米有品平台运营主体变更公告</li>
                    <li>南京市建邺区白龙江东街8号3栋9层</li>
                </ul>
            </div>
            <div class="rgt"></div>
        </div>
    </div>
    </div>
    <div class="gotop">
        <div class="box">
            <svg class="icon" aria-hidden="true">
                <use xlink:href="#icon-lianxikefu"></use>
            </svg>
            <p>联系客服</p>
            <div class="contact">
                <span style="font-size: 13px;color: #333;">小米有品平台问题，建议反馈，商户和物流问题投诉等请拨打小米有品</span>
                <span style="font-size: 13px;color: #333;">客服热线</span>
                <span style="font-size: 20px;font-weight: bold;padding-top: 15px;color: #845f3f;">400-100-1199</span>
                <span style="font-size: 10px;color: #999;">（周一至周日8：00-18：00）</span>
                <span style="font-size: 13px;color: #333;padding-top: 15px;">小米/米家自营品牌，手机电视智能硬件商品或订单发货退款售后问题请拨打</span>
                <span style="font-size: 13px;color: #333;">小米自营客服热线</span>
                <span style="font-size: 20px;font-weight: bold;padding-top: 15px;color: #845f3f;">400-100-5678</span>
                <span style="font-size: 10px;color: #999;">（周一至周日8：00-18：00）</span>
            </div>
        </div>
        <div class="box">
            <svg class="icon" aria-hidden="true">
                <use xlink:href="#icon-saomiaoerweimaon
            "></use>
            </svg>
            <p>下载APP</p>
            <div class="download">
                <div></div>
                <span style="margin-top: 20px;">下载小米有品APP</span>
                <span>得新人礼包</span>
            </div>
        </div>
        <div class="box">
            <svg class="icon" aria-hidden="true">
                <use xlink:href="#icon-xinrenyouli"></use>
            </svg>
            <p>新人有礼</p>
            <div class="gift">
                <div class="g1"></div>
                <div class="g2"></div>
            </div>
        </div>
        <div class="box">
            <svg class="icon" aria-hidden="true">
                <use xlink:href="#icon-weixin"></use>
            </svg>
            <p>关注微信</p>
            <div class="wechat">
                <div></div>
                <span style="margin-top: 20px;">扫码关注[小米有品]微信服务号，签到积分赢大奖</span>
            </div>
        </div>
        <div class="box" id="goTop" style="height: 49px; border-bottom:none;">
            <svg class="icon" aria-hidden="true">
                <use xlink:href="#icon-huidaodingbu"></use>
            </svg>
            <p>回到顶部</p>
        </div>
    </div>
</body>
<script src="./sources/font/iconfont.js"></script>
<script src="./js/ajax.js"></script>
<script src="./js/jquery-2.2.4.js"></script>
<script src="./sources/layui-v2.6.8/layui/layui.js"></script>
<script src="./js/good.js"></script>
<script src="./js/common.js"></script>
<script src="./js/all.js"></script>

</html>